.yui-col {
  $class-prefix: yui-col;
  @for $n from 1 to 24 {
    &.#{$class-prefix}-#{$n} {
      width: calc($n / 24) * 100%;
    }
  }

  $class-prefix: yui-col-offset;
  @for $n from 1 to 24 {
    &.#{$class-prefix}-#{$n} {
      margin-left: calc($n / 24) * 100%;
    }
  }
}
